<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在线充值</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/commons.css">
    <link href="../css/online-pay.css?r=1" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">
        <ul>
        <li id="onlinePay" class="active" style="width: 50%;">在线充值<span class="active-border" style=""></span></li>
        <li id="waitPay" style="width: 50%;">待支付<span class="active-border" style="display: none;"></span></li>
        </ul>
    </h1>
</header>
<!--
    作者：837081299@qq.com
    时间：2017-02-28
    描述：头部结束
-->
<div class="mui-content">
    <div id="onlineBox">
        <div class="box mui-clearfix">
            <p class="recharge-amount mui-clearfix"><span>充值金额</span></p>
            <p class="money-box"><img src="../img/renminbi.png" alt=""><input type="text" id="money" onchange="this.value=this.value.replace(/\D/g,'')" onkeyup="this.value=this.value.replace(/\D/g,'')"></p>
            <div class="tips">注：（一元人民币等于一积分）</div>
        </div>
        <h2 class="choose_way">支付方式</h2>
        <div class="choose_way_box">
            <ul class="mui-clearfix">
                <li id="pingxx_wx_pub" style="display: none;"><p><img src="../img/weixin-icon.png" alt="微信支付"><i class="weixin-active" style="display: none;"></i><span>微信支付</span><b class="choose weixin"></b></p></li>
                <li id="aliPay" style="display: none;"><p><img src="../img/zhifubao-icon.png" alt="支付宝支付"><i class="zhifubao-active" style="display: none;"></i><span>支付宝</span></p><b class="choose"></b></li>
            </ul>
        </div>
        <div id="submit" class="amount-certain">确 定</div>
    </div>
    <div id="waitBox" style="display: none">
        <ul id="itemBox" class="mui-table-view">
            <!--<li class="mui-table-view-cell">-->
                <!--<img src="../img/waitPay-bg.png" alt="img" class="moneyBg">-->
                <!--<div class="mui-slider-right mui-disabled">-->
                    <!--<a class="mui-btn mui-btn-red">删除</a>-->
                <!--</div>-->
                <!--<div class="mui-slider-handle">-->
                    <!--<div class="waitMoneyBox"><span id="waitmoney">￥3000</span></div>-->
                    <!--<div class="codeBox"><span id="code">Z26565656565656</span></div>-->
                    <!--<div class="timeBox"><span>超过2小时自动关闭</span><span id="goPay" class="goPay"></span></div>-->
                <!--</div>-->
            <!--</li>-->
        </ul>
    </div>
</div>
<!--
    作者：837081299@qq.com
    时间：2017-02-07
    描述：底部导航开始
-->
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" id="index">
        <span class="mui-icon"><img src="../img/index-icon.png"/></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" id="nearby">
        <span class="mui-icon"><img src="../img/nearby-icon.png"/></span>
        <span class="mui-tab-label">入驻</span>
    </a>
    <a class="mui-tab-item" id="shop">
        <span class="mui-icon"><img src="../img/cart_icon_h.png"/></span>
        <span class="mui-tab-label">购物车</span>
    </a>
    <a class="mui-tab-item mui-active" id="me">
        <span class="mui-icon"><img src="../img/personal-icon-act.png"/></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script>  document.write("<s"+"cript type='text/javascript' src='../js/commons.js?"+Math.random()+"'></scr"+"ipt>"); </script>
<script>  document.write("<s"+"cript type='text/javascript' src='../js/online-pay.js?"+Math.random()+"'></scr"+"ipt>"); </script>
<script src="../js/pingpp-js-master/dist/pingpp.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</body>
</html>